<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport"
        content="width=device-width, initial-scale=1.0 ,user-scalebal=flase, min-scale=1.0, max-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>苏宁</title>
    <meta name="keywords" content="苏宁易购网上商城,苏宁电器,Suning,手机,电脑,冰箱,洗衣机,相机,数码,家居用品,鞋帽,化妆品,母婴用品,图书,食品,正品行货">
    <meta name="description"
        content="苏宁易购综合网上购物平台，商品涵盖家电、手机、电脑、超市、母婴、服装、百货、海外购等品类。送货更准时、价格更超值、上新货更快，正品行货、全国联保、可门店自提，全网更低价，让您放心去喜欢！">

    <link rel="stylesheet" href="css/normalize.css">
    <link rel="stylesheet" href="css/style.css">
    <script src="./js/index.js"></script>
</head>

<body>
    <!-- 头部 -->
    <header>
        <a href="#" class="login_img"><img src="./images/fenlei.png" alt=""></a>
        <a href="#" class="header_img"><img src="./images/header.gif" alt=""></a>
        <a href="#" class="login_img"><img src="./images/login.png" alt=""></a>
    </header>
    <!-- 搜索 -->
    <div class="search">
        <a href="#">商品/店铺</a>
        <i></i>
    </div>
    <!-- banner -->
    <div class="slider">
        <img src="./images/slider_bg.png" alt="" class="slider_bgimg">
        <div class="slider_content">
            <ul class="clearfix">
                <li>
                    <a href="#"><img src="./upload/slider_pro5.jpg" alt=""></a>
                </li>
                <li>
                    <a href="#"><img src="./upload/slider_pro1.jpg" alt=""></a>
                </li>
                <li>
                    <a href="#"><img src="./upload/slider_pro2.jpg" alt=""></a>
                </li>
                <li>
                    <a href="#"><img src="./upload/slider_pro3.png" alt=""></a>
                </li>
                <li>
                    <a href="#"><img src="./upload/slider_pro4.png" alt=""></a>
                </li>
                <li>
                    <a href="#"><img src="./upload/slider_pro5.jpg" alt=""></a>
                </li>
                <li>
                    <a href="#"><img src="./upload/slider_pro1.jpg" alt=""></a>
                </li>
            </ul>
            <ol>
                <li class="current"></li>
                <li></li>
                <li></li>
            </ol>
        </div>
    </div>
    <!-- 导航 -->
    <nav class="clearfix">
        <ul>
            <li>
                <a href="#">
                    <img src="./images/nav_item1.webp" alt="">
                    <p>限时抢购</p>
                </a>
            </li>
            <li>
                <a href="#">
                    <img src="./images/nav_item1.webp" alt="">
                    <p>限时抢购</p>
                </a>
            </li>
            <li>
                <a href="#">
                    <img src="./images/nav_item1.webp" alt="">
                    <p>限时抢购</p>
                </a>
            </li>
            <li>
                <a href="#">
                    <img src="./images/nav_item1.webp" alt="">
                    <p>限时抢购</p>
                </a>
            </li>
            <li>
                <a href="#">
                    <img src="./images/nav_item1.webp" alt="">
                    <p>限时抢购</p>
                </a>
            </li>
            <li>
                <a href="#">
                    <img src="./images/nav_item1.webp" alt="">
                    <p>限时抢购</p>
                </a>
            </li>
            <li>
                <a href="#">
                    <img src="./images/nav_item1.webp" alt="">
                    <p>限时抢购</p>
                </a>
            </li>
            <li>
                <a href="#">
                    <img src="./images/nav_item1.webp" alt="">
                    <p>限时抢购</p>
                </a>
            </li>
            <li>
                <a href="#">
                    <img src="./images/nav_item1.webp" alt="">
                    <p>限时抢购</p>
                </a>
            </li>
            <li>
                <a href="#">
                    <img src="./images/nav_item1.webp" alt="">
                    <p>限时抢购</p>
                </a>
            </li>
        </ul>
    </nav>
    <!-- images -->
    <div class="images clearfix">
        <img src="./upload/img1.gif" alt="" class="opa1">
        <img src="./upload/img2.gif" alt="" class="opa1">
        <img src="./upload/img3.gif" alt="" class="opa1">
    </div>
    <!-- images2 -->
    <div class="images2 ">
        <img src="./upload/upload1.png" alt="">
        <img src="./upload/uplpad2.gif" alt="">
        <img src="./upload/upload3.gif" alt="">
    </div>
    <!-- 限时购 -->
    <div class="xsg">
        <div class="xsg_l">
            <div class="xsg_head">
                <h3>限时抢购</h3>
                <p>潮流好物限时抢</p>
            </div>
            <div class="xsg_foot">
                <ul>
                    <li>
                        <img src="./upload/xsg1.jpg" alt="">
                        <p>¥88</p>
                    </li>
                    <li>
                        <img src="./upload/xsg2.jpg" alt="">
                        <p>¥99</p>
                    </li>
                </ul>
            </div>
        </div>
        <div class="xsg_r">
            <div class="xsg_head">
                <h3>限时抢购</h3>
                <p>潮流好物限时抢</p>
            </div>
            <div class="xsg_foot">
                <ul>
                    <li>
                        <img src="./upload/xsg1.jpg" alt="">
                        <p>黑人(DARLIE)</p>
                    </li>
                    <li>
                        <img src="./upload/xsg2.jpg" alt="">
                        <p>良品铺子</p>
                    </li>
                </ul>
            </div>
        </div>

    </div>
    <!-- 为你推荐 -->
    <div class="xsg_b">
        <div class="xsg_b_title">
            <h3>为你推荐</h3>
            <p>精选频道</p>
        </div>
        <div class="xsg_b_c">
            <div class="xsg_b_cl">
                <img src="./upload/xsgb.webp" alt="">
                <p>苏宁Outlets</p>
            </div>
            <div class="xsg_b_cl">
                <img src="./upload/xsgb.webp" alt="">
                <p>苏宁Outlets</p>
            </div>
            <div class="xsg_b_cl">
                <img src="./upload/xsgb.webp" alt="">
                <p>苏宁Outlets</p>
            </div>
            <div class="xsg_b_cl">
                <img src="./upload/xsgb.webp" alt="">
                <p>苏宁Outlets</p>
            </div>

        </div>
    </div>
    <!-- 苏宁大条 -->
    <div class="sudt">
        <div class="sudt_l">
            <img src="./images/suningdatiao.png" alt="">
        </div>
        <div class="sudt_r">
            <ul>
                <li>
                    <span>热门</span>
                    <p>双十一购物狂欢节,海尔冰洗爆款盘点,叽里呱啦</p>
                </li>
            </ul>
        </div>
    </div>
    <!-- imges3 -->
    <div class="images3">
        <ul>
            <li><img src="./images/imges3li.jpg" alt=""></li>
        </ul>
    </div>
    <!-- images4 -->
    <div class="images4">
        <img src="./images/images41.webp" alt="">
        <img src="./images/images42.webp" alt="">
        <img src="./images/images43.webp" alt="">
    </div>
    <!-- images5 -->
    <div class="images5">
        <div class="images5_1">
            <img src="./upload/images5li.webp" alt="">
            <p>冲调水饮</p>
            <span>2件8折</span>
        </div>
        <div class="images5_2">
            <img src="./upload/images5li.webp" alt="">
            <p>冲调水饮</p>
            <span>2件8折</span>
        </div>
        <div class="images5_2">
            <img src="./upload/images5li.webp" alt="">
            <p>冲调水饮</p>
            <span>2件8折</span>
        </div>
        <div class="images5_3">
            <img src="./upload/images5li.webp" alt="">
            <p>冲调水饮</p>
            <span>2件8折</span>
        </div>
        <div class="images5_1">
            <img src="./upload/images5li.webp" alt="">
            <p>冲调水饮</p>
            <span>2件8折</span>
        </div>
        <div class="images5_2">
            <img src="./upload/images5li.webp" alt="">
            <p>冲调水饮</p>
            <span>2件8折</span>
        </div>
        <div class="images5_2">
            <img src="./upload/images5li.webp" alt="">
            <p>冲调水饮</p>
            <span>2件8折</span>
        </div>
        <div class="images5_3">
            <img src="./upload/images5li.webp" alt="">
            <p>冲调水饮</p>
            <span>2件8折</span>
        </div>
    </div>
    <div class="bank"></div>
    <!-- 推荐榜单 -->
    <div class="tjbd">
        <div class="tjbd_h">
            <img src="./images/tjbd_h.png" alt="">
        </div>
        <div class="tjbd_three">
            <div>
                <img src="./upload/tjbd2.webp" alt="" class="img_c">
                <span>趋势榜</span>
                <p class="p1">人气智能电视榜</p>
                <p class="p2">本周趋势上升68%</p>
                <img src="./images/tjbd.png" alt="" class="img_b">
            </div>
            <div>
                <img src="./upload/tjbd2.webp" alt="" class="img_c">
                <span>趋势榜</span>
                <p class="p1">人气智能电视榜</p>
                <p class="p2">本周趋势上升68%</p>
                <img src="./images/tjbd.png" alt="" class="img_b">
            </div>
            <div>
                <img src="./upload/tjbd2.webp" alt="" class="img_c">
                <span>趋势榜</span>
                <p class="p1">人气智能电视榜</p>
                <p class="p2">本周趋势上升68%</p>
                <img src="./images/tjbd.png" alt="" class="img_b">
            </div>
        </div>
        <div class="tjbd_four">
            <div>
                <div class="tjbd_four_h">
                    <span class="span1">畅销家用空调榜</span>
                    <span class="span2">人气榜</span>
                </div>
                <p>爆卖2066件</p>
                <img src="./upload/kongtiao.webp" alt="">
                <img src="./upload/kongtiao.webp" alt="">

            </div>
            <div>
                <div class="tjbd_four_h">
                    <span class="span1">畅销家用空调榜</span>
                    <span class="span2">人气榜</span>
                </div>
                <p>爆卖2066件</p>
                <img src="./upload/kongtiao.webp" alt="">
                <img src="./upload/kongtiao.webp" alt="">

            </div>
            <div>
                <div class="tjbd_four_h">
                    <span class="span1">畅销家用空调榜</span>
                    <span class="span2">人气榜</span>
                </div>
                <p>爆卖2066件</p>
                <img src="./upload/kongtiao.webp" alt="">
                <img src="./upload/kongtiao.webp" alt="">

            </div>
            <div>
                <div class="tjbd_four_h">
                    <span class="span1">畅销家用空调榜</span>
                    <span class="span2">人气榜</span>
                </div>
                <p>爆卖2066件</p>
                <img src="./upload/kongtiao.webp" alt="">
                <img src="./upload/kongtiao.webp" alt="">

            </div>
        </div>
    </div>
    <!-- 猜你喜欢 -->
    <div class="cnxh">
        <div class="cnxh_h">
            <img src="./images/cnxh_t.webp" alt="">
        </div>
        <div class="cnxh_content">
            <div class="cnxh_c">
                <img src="./upload/imgc.webp" alt="">
                <p class="p1">三菱重工空调 1匹 直流变频 二级能效 KFR-25GW/EKBV1Bp 家用挂壁式空调挂机</p>
                <p class="p2">
                    <span class="span1">自营</span>
                    <span class="span2">领券2980-30</span>
                    <span class="span3">赠</span>
                </p>
                <div class="cnxh_f">
                    <span class="span1">￥</span>
                    <span class="span2">3599</span>
                    <span class="span3">1.8万+评价</span>
                    <i></i>
                </div>
            </div>
            <div class="cnxh_c">
                <img src="./upload/imgc.webp" alt="">
                <p class="p1">三菱重工空调 1匹 直流变频 二级能效 KFR-25GW/EKBV1Bp 家用挂壁式空调挂机</p>
                <p class="p2">
                    <span class="span1">自营</span>
                    <span class="span2">领券2980-30</span>
                    <span class="span3">赠</span>
                </p>
                <div class="cnxh_f">
                    <span class="span1">￥</span>
                    <span class="span2">3599</span>
                    <span class="span3">1.8万+评价</span>
                    <i></i>
                </div>
            </div>
            <div class="cnxh_c">
                <img src="./upload/imgc.webp" alt="">
                <p class="p1">三菱重工空调 1匹 直流变频 二级能效 KFR-25GW/EKBV1Bp 家用挂壁式空调挂机</p>
                <p class="p2">
                    <span class="span1">自营</span>
                    <span class="span2">领券2980-30</span>
                    <span class="span3">赠</span>
                </p>
                <div class="cnxh_f">
                    <span class="span1">￥</span>
                    <span class="span2">3599</span>
                    <span class="span3">1.8万+评价</span>
                    <i></i>
                </div>
            </div>
            <div class="cnxh_c">
                <img src="./upload/imgc.webp" alt="">
                <p class="p1">三菱重工空调 1匹 直流变频 二级能效 KFR-25GW/EKBV1Bp 家用挂壁式空调挂机</p>
                <p class="p2">
                    <span class="span1">自营</span>
                    <span class="span2">领券2980-30</span>
                    <span class="span3">赠</span>
                </p>
                <div class="cnxh_f">
                    <span class="span1">￥</span>
                    <span class="span2">3599</span>
                    <span class="span3">1.8万+评价</span>
                    <i></i>
                </div>
            </div>
        </div>
    </div>
</body>

</html>